@import url('../../utils/less/base.less');

.page {
    &>.banner-row {
        .bgcolor(#333);
        height: 400rpx;
        & .banner {
            .bgimg(contain, norepeat, center);
            height: 100%;
        }
    }
    &>.doctor{
        .flex-start(center);
        padding: 32rpx;
        &>.avatar{
            .radius(100rpx);
            .bgimg(cover);
            .flex(none);
            width: 150rpx;
            height: 150rpx;
        }
        &>.info{
            margin-left: 20rpx;
            &>.item {
                line-height: 1.6;
            }
            &>.name {
                .text(32rpx);
            }
            &>.title {
                .text(24rpx);
            }
            &>.specialty {
                .text(24rpx);
                line-height: 1.2;
            }
        }
    }
    &>.ans {
        padding: 0 32rpx;
    }
}